<style>
    /* 记账列表页面样式 */
    .account-container {
        padding: 20px;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .search-bar {
        margin-bottom: 20px;
    }
    
    .layui-input {
        width: 300px;
    }
    
    /* 表格内容溢出防护 */
    .overflow-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    /* 表格容器样式 */
    .table-container {
        overflow-x: auto;
        margin-bottom: 20px;
        max-height: 600px;
        overflow-y: auto;
    }
    
    /* 表格单元格样式 */
    .layui-table th,
    .layui-table td {
        max-width: 300px;
    }
    
    /* 文本域样式 */
    .layui-textarea {
        min-height: 80px;
        resize: vertical;
    }
    
    .btn-group {
        margin-bottom: 20px;
        text-align: right;
    }
    
    .layui-table {
        width: 100%;
    }
    
    .action-buttons {
        white-space: nowrap;
    }
    
    .action-buttons a {
        margin-right: 5px;
    }
    
    /* 表单样式 */
    .form-container {
        padding: 20px;
    }
    
    .layui-form-label {
        width: 100px;
    }
    
    .layui-input-block {
        margin-left: 130px;
    }
    
    /* 金额颜色区分 */
    .amount-income {
        color: #52c41a;
    }
    
    .amount-expense {
        color: #f5222d;
    }
</style>